// // 1. 导入react核心库
// import React from 'react';
// // 2. 导入react-dom用于react操作dom
// import ReactDOM from 'react-dom/client';
import { Component } from 'react';
import './scss/index.scss'
class Baidu extends Component{
  render(){
    return (
      <>
      <div className='all'>
          <img className='imgs' src="https://www.baidu.com/img/PCtm_d9c8750bed0b3c7d089fa7d55720d6cf.png" alt="" />
          <div className='bottom'>
            <input className='inp' type="text" />
            <div className='contents'>百度一下</div>
          </div>
          <div className='title'>
            <div className='baidu'>
                百度热搜
            </div>
            <div className='huan'>
                换一换
            </div>
          </div>
          <div className='Tcontent'>
            <div className='baidu'>
              <p><span className='frist'>1</span> 一组海报带你看活力中国</p>
              <p><span className='number'>1</span> 四川回应生育登记取消结婚限制</p>
              <p><span className='number'>2</span> 一组海报带你看活力中国</p>
            
            </div>
            <div className='huan'>
              <p><span className='number'>3</span> 多重部署为消费复苏添信心</p>
              <p><span className='black'>4</span> 胡鑫宇母亲：多人曾进粮库寻找过</p>
              <p><span className='black'>5</span> 胡鑫宇家属:遗体在学校后山粮库找到</p>
            </div>
          </div>
      </div>


      <div className='todolist'>
        <div className='list_head'>
          <h2 className="todolisth2">拾忆记事本</h2>
          <p className='record'>记录生活点点滴滴，写下生活美一个美好</p>
          <div className='listinput'>
            <button className='content'>内容</button>
            <input className='contentinp' type="text" placeholder='请输入你要记事的内容'/>
            <button className='confirm'>确定</button>
          </div>
        </div>
        <div className='navlist'>
          <div className='show'>
          <div className="box">
                <span>1&nbsp;&nbsp;|</span>
                <span>第一条记事本</span>
              </div>
              <span>X</span>
          </div>
          <div className='show'>
          <div className="box">
                <span>2&nbsp;&nbsp;|</span>
                <span>第二条记事本</span>
              </div>
              <span>X</span>
          </div>
          <div className='show'>
          <div className="box">
                <span>3&nbsp;&nbsp;|</span>
                <span>第三条记事本</span>
              </div>
              <span>X</span>
          </div>
        </div>
        <div className='listButtom'>
          <div>总数：3</div>
          <div>清除</div>
        </div>
      </div>
</>
    )
  }
}
export default Baidu;
